<!DOCTYPE html>
<head>
    <title>Apiote: programs/Bimba</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">

    <script src="https://code.jquery.com/jquery-3.3.1.min.js"
        integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
        crossorigin="anonymous"></script>
    
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/brands.css"
        integrity="sha384-SYNjKRRe+vDW0KSn/LrkhG++hqCLJg9ev1jIh8CHKuEA132pgAz+WofmKAhPpTR7"
        crossorigin="anonymous">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/fontawesome.css"
        integrity="sha384-0b7ERybvrT5RZyD80ojw6KNKz6nIAlgOKXIcJ0CV7A6Iia8yt2y1bBfLBOwoc9fQ"
        crossorigin="anonymous">
    <link rel="stylesheet" href="https://unpkg.com/material-components-web@0.36.0/dist/material-components-web.min.css"
        integrity="sha512-xKSgTutWqX2F22Uxywtig03sHCUxl4pJw2dzeIxH1EDvbEwhg5M1/KBUvrxNDiTe5HSjHRLdaW6XBhuYawROQw=="
        crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/IBM-type/0.5.4/css/ibm-type.min.css"
        integrity="sha512-sky5cf9Ts6FY1kstGOBHSybfKqdHR41M0Ldb0BjNiv3ifltoQIsg0zIaQ+wwdwgQ0w9vKFW7Js50lxH9vqNSSw=="
        crossorigin="anonymous">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="/styles/main.css">
    <link rel="stylesheet" href="/styles/app.css">
    <link rel="stylesheet" href="/styles/app-Bimba.css">

    <meta name="theme-color" content="#3a3a3b">

    <link rel="shortcut icon" href="/img/favicon/favicon.ico">
	<link rel="icon" sizes="16x16 32x32 64x64" href="/img/favicon/favicon.ico">
	<link rel="icon" type="image/png" sizes="196x196" href="/img/favicon/favicon-192.png">
	<link rel="icon" type="image/png" sizes="160x160" href="/img/favicon/favicon-160.png">
	<link rel="icon" type="image/png" sizes="96x96" href="/img/favicon/favicon-96.png">
	<link rel="icon" type="image/png" sizes="64x64" href="/img/favicon/favicon-64.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png">
	<link rel="apple-touch-icon" href="/img/favicon/favicon-57.png">
	<link rel="apple-touch-icon" sizes="114x114" href="/img/favicon/favicon-114.png">
	<link rel="apple-touch-icon" sizes="72x72" href="/img/favicon/favicon-72.png">
	<link rel="apple-touch-icon" sizes="144x144" href="/img/favicon/favicon-144.png">
	<link rel="apple-touch-icon" sizes="60x60" href="/img/favicon/favicon-60.png">
	<link rel="apple-touch-icon" sizes="120x120" href="/img/favicon/favicon-120.png">
	<link rel="apple-touch-icon" sizes="76x76" href="/img/favicon/favicon-76.png">
	<link rel="apple-touch-icon" sizes="152x152" href="/img/favicon/favicon-152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/favicon-180.png">
	<meta name="msapplication-TileColor" content="#911f1b">
	<meta name="msapplication-TileImage" content="/img/favicon/favicon-144.png">
	<meta name="msapplication-config" content="/img/favicon/browserconfig.xml">
</head>
<body>
    <div class="drawer-container-flex">
        <aside class="mdc-drawer mdc-drawer--permanent mdc-typography">
            <nav class="mdc-drawer__drawer">
                <header class="mdc-drawer__header">
                    <div class="mdc-drawer__header-content">
                        Where now?
                    </div>
                </header>
                <nav class="mdc-drawer__content mdc-list">
                    <a class="mdc-list-item" href="/">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>Home
                    </a>
                    <a class="mdc-list-item" href="/about">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">person</i>About
                    </a>
                    <a class="mdc-list-item" href="/donate">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">attach_money</i>Donate
                    </a>
                    <a class="mdc-list-item" href="/manifestos/">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">announcement</i>Manifestos
                    </a>
                    <!-- tod padding
                    <nav class="mdc-drawer__content mdc-list">
                    <a class="mdc-list-item" href="/manifestos/privacy">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true"></i>Privacy
                    </a>
                    </nav>
                    -->
                    <a class="mdc-list-item mdc-list-item--activated" href="/programs/">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">devices</i>Programs
                    </a>
                    <a class="mdc-list-item" href="/credits/">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">copyright</i>Credits and legal
                    </a>
                    <a class="mdc-list-item" href="/contact/">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">contact_support</i>Contact
                    </a>
                    <div class="drawer-bottom">
                        <div class="mdc-drawer__toolbar-spacer"></div>
                        <a href="/about/js.html" data-jslicense="1">
                            JavaScript license information
                        </a>
                    </div>
                </nav>
            </nav>
        </aside>
        <header class="mdc-toolbar mdc-toolbar--fixed">
            <div class="mdc-toolbar__row">
                <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
                    <i class="material-icons mdc-top-app-bar__navigation-icon">menu</i>
                </section>
            </div>
        </header>

        <main class="mdc-toolbar-fixed-adjust">
            <div class="mdc-layout-grid">
                <div class="mdc-layout-grid__inner">
                    <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12-tablet mdc-layout-grid__cell--span-12-mobile mdc-layout-grid__cell--span-6-desktop">
                        <img src="/img/programs/Bimba/logotype.svg" alt="Logotype" class="app-logo"/>
                        <p>First Free Software Poznań Wandering Guide</p>
                        <ul class="mdc-list">
                            <a href="https://www.gnu.org/licenses/gpl-3.0.en.html">
                                <li class="mdc-list-item"><i class="material-icons mdc-list-item__graphic">copyright</i>
                                GNU General Public License version 3, or any later version
                                </li>
                            </a>
                            <a href="https://notabug.org/apiote/Bimba">
                                <li class="mdc-list-item"><i class="material-icons mdc-list-item__graphic">code</i>
                                    <i class="fab fa-git"></i>
                                </li>
                            </a>
                            <a href="https://notabug.org/apiote/Bimba/issues">
                                <li class="mdc-list-item"><i class="material-icons mdc-list-item__graphic">bug_report</i>
                                    <i class="fab fa-git"></i>
                                </li>
                            </a>
                            <a href="https://floss.social/@bimba">
                                <li class="mdc-list-item"><i class="material-icons mdc-list-item__graphic">message</i>
                                    <i class="fab fa-mastodon"></i>
                                </li>
                            </a>
                        </ul>
                        <p>With this app You can check the public transport timetable in Poznań agglomeration (run by ZTM Poznań), and thanks to the Virtual Monitor You can see when exactly a bus or tram will arrive.</p>
                        <p>Current features:</p>
                        <ul>
                            <li>checking departures by stop (based on offline timetable and Virtual Monitor),</li>
                            <li>creating favourite stops with next departure visible on main screen,</li>
                            <li>checking departures by favourite</li>
                        </ul>
                    </div>
                    <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12-tablet mdc-layout-grid__cell--span-12-mobile mdc-layout-grid__cell--span-6-desktop">
                        <ul class="mdc-image-list mdc-image-list--masonry gallery">
                            <li class="mdc-image-list__item">
                                <div>
                                <img class="mdc-image-list__image" src="/img/programs/Bimba/dashActivity.png" alt="Homescreen screenshot"/>
                                <div class="mdc-image-list__supporting">
                                    <span class="mdc-image-list__label">Homescreen</span>
                                </div>
                            </div>
                            </li>
                            <li class="mdc-image-list__item">
                                <img class="mdc-image-list__image" src="/img/programs/Bimba/stopActivity.png" alt="Stop screenshot"/>
                                <div class="mdc-image-list__supporting">
                                    <span class="mdc-image-list__label">Stop</span>
                                </div>
                            </li>
                            <li class="mdc-image-list__item">
                                <img class="mdc-image-list__image" src="/img/programs/Bimba/modification.png" alt="Departure description screenshot"/>
                                <div class="mdc-image-list__supporting">
                                    <span class="mdc-image-list__label">Departure description</span>
                                </div>
                            </li>
                            <li class="mdc-image-list__item">
                                <img class="mdc-image-list__image" src="/img/programs/Bimba/searchStop.png" alt="Searching screenshot"/>
                                <div class="mdc-image-list__supporting">
                                    <span class="mdc-image-list__label">Searching</span>
                                </div>
                            </li>
                            <li class="mdc-image-list__item">
                                <img class="mdc-image-list__image" src="/img/programs/Bimba/stopSpecify.png" alt="Choosing shed schreenshot"/>
                                <div class="mdc-image-list__supporting">
                                    <span class="mdc-image-list__label">Choosing shed</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </main>
    </div>


    <button class="mdc-fab material-icons app-fab--absolute app-fab--main" aria-label="Get" onclick="return false;" style="display: none;">
        <span class="mdc-fab__icon">get_app</span>
    </button>
    <a href="https://notabug.org/apiote/Bimba/releases">
        <button class="mdc-fab material-icons app-fab--option1 app-fab--option" aria-label="Notabug">
            <span class="mdc-fab__icon fab fa-github"></span>
        </button>
    </a>
    <a href="https://f-droid.org/packages/ml.adamsprogs.bimba/">
        <button class="mdc-fab material-icons app-fab--option2 app-fab--option" aria-label="F-Droid">
            <span class="mdc-fab__icon"><img class="black-img-icon" src="/img/tm/fdroid/logo_white.svg" alt="F-Droid" style="width: 24px"></span>
        </button>
    </a>

    <script src='https://unpkg.com/material-components-web@0.36.0/dist/material-components-web.min.js'
        integrity="sha512-fzmFt2MbZhS3Cwv9gSX+jRqpfUdaKupP0WbJyaK09Och9eMm8n1ol1fnh8EEJ1sH5HzG16etbpejWBEMvXV5ow=="
        crossorigin="anonymous"></script>
    <script>
// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt GNU-AGPL-v3.0
fabOpen = false;

window.mdc.autoInit();
mdc.ripple.MDCRipple.attachTo(document.querySelector('.mdc-fab'));
$('.app-fab--option').css('visibility', 'hidden');
$('.app-fab--main').click(function() {
    fabOpen = !fabOpen;
    // todo animation
    if (fabOpen) {
        $('.app-fab--main span:first-child()').html('close');
        $('.app-fab--option').css('visibility', 'initial');
    } else {
        $('.app-fab--main span:first-child()').html('get_app');
        $('.app-fab--option').css('visibility', 'hidden');
    }
});

$('.app-fab--main').css('display', 'initial');

$('.top-bar-menu-button').css('display', 'initial');
$('.mdc-drawer--permanent').removeClass("mdc-drawer--permanent").addClass("mdc-drawer--temporary");
$('.drawer-bottom').css('width', '25%');

let drawer = new mdc.drawer.MDCTemporaryDrawer(document.querySelector('.mdc-drawer--temporary'));
document.querySelector('.mdc-top-app-bar__navigation-icon').addEventListener('click', () => drawer.open = true);
// @license-end
</script>
</body>
</html>
